// import React from 'react'
import './My_rider.css'
import {useNavigate} from 'react-router-dom'
import TabBar1 from '../../../components/TabBar/TabBar'

export default function My_rider() {
    const navigate = useNavigate()
    const tipRedirection = ()=>{
        navigate('/rider/tip')
    }
    const ErrandOrder = ()=>{
        navigate('/rider/eorder')
    }
    // 小费提现
    const TipWithdrawal = ()=>{
        navigate('/rider/withdraw')
    }
    const ReturnToUserSide = ()=>{
        navigate('/login')
    }
    return (
        <div className='my-rider'>
            <div className='my-rider-title'>
                <h2>我的</h2>
            </div>
            <div className='my-rider-menu-one'>
                <div className='menu-one-left' onClick={tipRedirection}>
                    <div className='one-left-num'>2031.7</div>
                    <div className='one-left-str'>累积小费</div>
                </div>
                <div className='menu-one-right' onClick={ErrandOrder}>
                    <div className='one-right-num'>68</div>
                    <div className='one-right-str'>跑腿订单</div>
                </div>
            </div>
            <div className='my-rider-menu-two'>
                <div className='menu-two-brd'>
                    <span className='menu-two-img'>😅</span>
                    <span>跑腿记录</span>
                    <span className='menu-two-jt'>&gt;</span>
                </div>
                <div className='menu-two-brd' onClick={TipWithdrawal}>
                    <span className='menu-two-img'>😍</span>
                    <span>小费提现</span>
                    <span className='menu-two-jt'>&gt;</span>
                </div>
                <div className='menu-two-brd'>
                    <span className='menu-two-img'>🤪</span>
                    <span>兼职管理</span>
                    <span className='menu-two-jt'>&gt;</span>
                </div>
                <div className='menu-two-brd-btn' onClick={ReturnToUserSide}>
                    <span className='menu-two-img'>🤤</span>
                    <span>返回用户端</span>
                    <span className='menu-two-jt'>&gt;</span>
                </div>
            </div>
            <div>
            <TabBar1></TabBar1>
        </div>
        </div>
    )
}